<template>
	<view class="content">
		<view @click="nav('/pages/demo/banner/1')">轮播图1</view>
		
		
		<view @click="nav('/pages/demo/list/1')">列表1</view>
		
		
		<view @click="nav('/pages/demo/navbar/1')">导航1</view>
		<view @click="nav('/pages/demo/navbar/2')">导航2</view>
		
		
		<view @click="nav('/pages/demo/text/1')">文字1</view>
		
		
		<view @click="nav('/pages/demo/form/upload')">表单-图片上传</view>
		
		
		<view @click="nav('/pages/demo/title/1')">标题1</view>
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
.content{
	display: flex;
	justify-content: flex-start;
	>view{
		padding:4px;
		border-radius: 5px;
		background-color: $base-color;
		color: #ffffff;
		text-align: center;
		font-size: 12px;
		margin: 5px;
	}
}
</style>
